.dynamic_banner {
    width: 100%;
    padding-bottom: 31.35%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.ban_act {
    position: absolute;
    top: 50%;
    left: calc((160 / 1920) * 100%);
}

.ban_act .s36 {
    font-family: SourceHanSansSC-Bold;
    color: #ffffff;
    margin-bottom: .15rem;
}

.ban_act .s24 {
    font-family: SourceHanSansCN-Light;
    font-style: italic;

    color: #ffffff;
}

.dynamic_container {
    width: 16rem;
    margin: 0 auto;
}

@media (max-width: 1620px) {
    .dynamic_container {
        width: 94%;
    }
}

.crumbs_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .2rem;
    border-bottom: 1px solid #eee;
}

.cw_left .s18 {
    /* display: block; */
    font-family: SourceHanSansCN-Light;
    color: #333333;
    margin-right: 1rem;
}

.cw_left .s18.active {
    font-family: SourceHanSansCN-Medium;
    color: #26bdce;
}

.cw_left .s18:hover {
    font-family: SourceHanSansCN-Medium;
    color: #26bdce;
}

.cw_right img {
    width: 19px;
    height: 19px;
}

.cw_right {
    display: flex;
    align-items: flex-end;
}

.cw_right a {
    display: flex;
    align-items: flex-end;
    color: #cccccc;
}

.cw_right a span {
    padding: 0 .05rem;
    font-family: SourceHanSansCN-Light;

    font-weight: normal;
    color: #666666;
}

.dynamic_list {
    margin-top: .25rem;
}

.dynamic_item {
    display: flex;
    padding: .6rem 0;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    align-items: center;
}

.dynamic_item:hover {
    border-bottom: 1px solid #26bdce;
}

.dynamic_item:hover .di_left {
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.15);
}

.dynamic_item:hover .di_up .s24 {
    color: #26bdce;
}

.di_left {
    width: 4.8rem;
}

.di_left img {
    width: 100%;
    height: auto;
}

.di_right {
    flex: 1;
    padding-left: .3rem;
}

.di_down {
    display: flex;
    min-width: 2rem;
    border: solid 1px #26bdce;
    align-items: center;
    height: .60rem;
    border-radius: .30rem;
    border: solid 1px #26bdce;
}

/* .di_more img {
    width: 19px;
    height: auto;
} */

.more {
    margin-top: .6rem;
}

.more a {
    display: inline-block;
    vertical-align: middle;
    border: solid 1px #26bdce;
    line-height: 3;
    border-radius: 1.5em;
    color: #26bdce;
    padding: 0 0.4rem;
}

.di_right .more a span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 0.24rem;
    height: 0.24rem;
    margin-left: 0.1rem;
}

.di_right .more a span img {
    width: 100%;
    display: block;
}

.di_right .more a span img:first-child {
    display: block;
}

.di_right .more a span img:last-child {
    display: none;
}

.dynamic_item:hover .di_right .more a {
    background-color: #26bdce;
    color: #fff;
}

.dynamic_item:hover .more a span img:first-child {
    display: none;
}

.dynamic_item:hover .di_right .more a span img:last-child {
    display: block;
}

.di_up .s16 {

    color: #666666;

}

.di_up .s24 {
    font-family: SourceHanSansCN-Regular;
    color: #222222;
    margin-top: .15rem;
    margin-bottom: .2rem;
    font-weight: 550;
}

.di_cen p {
    font-family: SourceHanSansCN-Light;
    color: #999999;
    line-height: 1.5;
}

.page_wrap {
    margin: .5rem 0;
}

.page_wrap ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_wrap ul li {
    margin: 0 .1rem;
}

.page_wrap ul li a.s14:hover {
    background-color: #26bdce;
    border-radius: 50%;
    color: #ffffff;
}

.page_wrap ul li a.s14.active {
    background-color: #26bdce;
    border-radius: 50%;
    color: #ffffff;
}

.page_wrap ul li a {
    display: flex;
    width: .50rem;
    height: .50rem;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.page_wrap ul li a img.active {
    display: none;
}

.page_wrap ul li a.page_i:hover img {
    display: none;
}

.page_wrap ul li a.page_i:hover img.active {
    display: block;
}






@media (max-width: 900px) {
    .customization_item .z2 {
        width: 48% !important;
    }
}









.nx_item {
    display: flex;
    /* align-items: flex-start; */
    background-color: #fff;
    padding-bottom: .7rem;
}

.nx_left {
    width: 70%;
}

.nx_right {
    width: 30%;
    background-color: #ffffff;

    padding: .4rem .5rem;
    box-sizing: border-box;
}

.nx_left {
    padding: .4rem .5rem;
    background-color: #ffffff;
    box-sizing: border-box;
    border-right: 1px solid #eee;
}

.nx_top .s42 {
    font-family: SourceHanSansCN-Regular;
    color: #333333;
    line-height: 1.5;
    margin-bottom: .3rem;
    font-weight: 550;
}

.nx_top {
    padding-bottom: .4rem;
    border-bottom: 1px solid #eee;
}

.nx_con .s16 p {
    font-family: SourceHanSansCN-Light;
    line-height: 1.8;
    color: #666666;
}

.nx_con {
    padding-top: .3rem;
    padding-bottom: .4rem;
    border-bottom: 1px solid #eee;
}

.nx_bottom {
    margin-top: .7rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.nx_bottom .s16 {
    font-family: SourceHanSansCN-Light;

    color: #666666;
    line-height: 1.5;
    margin-bottom: .2rem;
}

.nx_bottom .s16:hover {
    color: #00b2b7;
}

.nm_right {
    display: flex;
    align-items: center;
}

.nm_right:hover .s16 {
    color: #00b2b7;
}

.nm_right .s16 {
    font-family: SourceHanSansCN-Light;
    color: #999999;
    margin-left: 0.15rem;
}

.nm_right img {
    width: 22px;
    height: 19px;
}

.nx_right .s30 {
    font-family: SourceHanSansCN-Bold;
    color: #222222;
    margin-bottom: .4rem;
    font-weight: 550;
}

.nl_item {
    display: block;
    margin-bottom: .5rem;
}

.nl_item img {
    width: 100%;
}

.nl_item .s18 {
    color: #666666;
    margin: .15rem 0;
}

.nl_item .s24 {
    font-family: SourceHanSansCN-Light;

    color: #333333;
    line-height: 1.5;
}

.nx_more {
    display: flex;
    justify-content: space-between;
}

@font-face {
    font-family: "iconfont";
    /* Project id 2998152 */
    src: url('../font_icon/iconfont.woff2?t=1639555645562') format('woff2'),
        url('../font_icon/iconfont.woff?t=1639555645562') format('woff'),
        url('../font_icon/iconfont.ttf?t=1639555645562') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.nm_list .icon {
    font-size: 20px;
    color: #cccccc;
    margin-right: .1rem;
}

.nm_list .icon:hover {
    color: #00b2b7;
}

.nm_left {
    display: flex;
    align-items: center;
}

.nm_l {
    display: flex;
    align-items: center;
    margin-right: .3rem;
}

.nm_l img {
    margin-right: .1rem;
}

.nm_l .s16 {

    color: #999999;
}

.nx_con p {
    /*width: 100%;*/
    text-align: center;
}

.d_h .crumbs_wrap {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 16rem;
    transform: translateX(-50%);
    border: none;
}

.d_h .crumbs_wrap .cw_left .s18 {
    color: #ffffff;
}

.d_h .crumbs_wrap .cw_right a span {
    color: #ffffff;
}

.customization_item {
    width: 16rem;
    margin: 0 auto;
}

.ci_act {
    text-align: center;
    position: relative;
}

.ci_act .s42 {
    /* font-family: SourceHanSansCN-Bold; */
    color: #222222;
    /* margin-bottom: .15rem; */
    font-weight: 550;
    line-height: 1.5;
}

.ci_tit {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.ci_tit p {

    display: block;
    font-family: SourceHanSansCN-Light;
    font-style: italic;
    color: #999999;
    line-height: 1.5;
}

.ci_tit p:nth-child(2) {
    font-family: SourceHanSansCN-Bold;

    color: #26bdce;
    font-weight: 550;
}

.cib_tit {
    -webkit-text-stroke: 1px rgba(34, 34, 34, .15);
    -webkit-text-fill-color: transparent;
    font-style: italic;
    font-weight: 550;
    word-break: break-all;
}

.cia_wrap {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.customization_a {
    padding-top: .3rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom: .7rem;

}

.ca_swi.customization_a {
    padding-top: .7rem;
}

.ci_item {
    display: flex;
    justify-content: space-between;
    margin-top: .2rem;
}

.ci_right .cr_tit .ck {
    display: inline-block;
    vertical-align: middle;
    background-color: #26bdce;
    font-size: 0;
    width: auto;
    padding: 0.1rem 0.2rem;
}

.ci_right .cr_tit .ck .s34{
    font-family: SourceHanSansCN-Light;
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;

}

.cr_tit .s40 {
    font-family: SourceHanSansCN-Bold;
    color: #222222;
    font-weight: 550;
    margin-top: .15rem;
}

.cr_act {
    margin-top: .35rem;
}

.cr_act p {
    font-family: SourceHanSansCN-Light;

    color: #666666;
    line-height: 1.8;
}

.ci_left {
    width: 50%;
}

.ci_right {
    width: 45%;
}

.cl_img {
    width: 4.99rem;
    margin: 0 auto;
}

.cl_img img {
    width: 100%;
    height: auto;
    transition: .3s;
}

.cl_img img:hover {
    transform: scale(1.1);
    transition: .3s;
}

.app_item {
    display: flex;
    justify-content: space-between;
    margin-top: .3rem;
    position: relative;
}

.appc_act .s30 {
    font-family: SourceHanSansCN-Regular;

    color: #26bdce;
}

.appc_act .s16 {
    margin-top: .15rem;
    font-family: Roboto-Regular;
    color: #26bdce;
}

.appc_act {
    text-align: center;
    position: absolute;
    top: 44.5%;
    left: 38%;
    /* transform: translateY(-50%); */
}

.app_left {
    padding-top: .45rem;
    text-align: center;
    width: calc((500 / 1600) * 100%);
    background-color: #26bdce;
    position: relative;
    /* height: 7.70rem; */
}

.al_img img {
    width: 2.44rem;


    transition: .3s;
}

.al_img img:hover {
    transform: scale(1.1);
    transition: .3s;
}

.al_act {
    margin-top: .1rem;
}

.al_act .s30 {
    font-family: SourceHanSansCN-Regular;

    color: #ffffff;
}

.al_act .s16 {
    margin-top: .15rem;
    font-family: Roboto-Regular;

    color: #ffffff;
}

.ar_img {
    width: 1.53rem;
    margin-right: .35rem;
}

.ar_img img {
    width: 100%;
    height: auto;
    transition: .3s;
}

.ar_img img:hover {
    transform: scale(1.1);
    transition: .3s;
}

.al_item {
    margin-bottom: .6rem;
}

.ar_item {
    display: flex;
    align-items: center;
    padding: .2rem .35rem;
    background-color: #f7fafc;
    margin-bottom: .1rem;
    height: 2.5rem;
    position: relative;
}

.ar_item:nth-child(3) {
    margin-bottom: 0;

}

.app_right {
    width: calc((740 / 1600) * 100%);
}

.ar_act {
    flex: 1;
}

.ar_act .s30 {
    font-family: SourceHanSansSC-Regular;
    color: #222222;
    margin-bottom: .15rem;
}

.ar_act .s16 {
    font-family: SourceHanSansCN-Light;
    color: #666666;
    line-height: 1.5;
}

.ar_item::before {
    position: absolute;
    content: '';
    width: calc((81 / 740) * 100%);
    height: 1px;
    background-color: #26bdce;
    left: -12%;
    top: 50%;
    transform: translateY(-50%);
}

.app_left::after {
    position: absolute;
    content: '';
    width: calc((239 / 500) * 100%);
    height: 1px;
    background-color: #26bdce;
    right: -55%;
    top: 50%;
    transform: translateY(-50%);
}

.app_left::before {
    display: block;
    position: absolute;
    content: '';
    height: calc((521 / 770) * 100%);
    background-color: #26bdce;
    width: 1px;
    right: -54.5%;
    top: 50%;
    transform: translateY(-50%);
}

.css_act {
    text-align: center;
}

.css_p {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.css_act .s42 {
    font-family: SourceHanSansCN-Bold;
    font-weight: 550;
    color: #ffffff;
    margin-bottom: .15rem;
}

.css_p p {
    font-family: SourceHanSansCN-Light;
    font-style: italic;

    color: #ffffff;
    line-height: 1.5;
}

.css_p p:nth-child(2) {
    font-weight: 550;
}

.cs_swiper .swiper-slide {
    overflow: hidden;
    width: 3rem;
}

.cs_swiper .swiper-slide img {
    width: 100%;
    height: auto;
    transition: transform .3s;
}

.cs_swiper .swiper-slide img:hover {
    transform: scale(1.1);
    transition: transform .3s;
}

.cas_wrap {
    margin-top: .7rem;
    position: relative;
}

.cs_btn {
    width: .50rem;
    height: .5rem;
    border-radius: 50%;
    border: solid 1px #ffffff;
    position: absolute;
    top: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    cursor: pointer;
}

.cs_btn img {
    width: 100%;
    height: 100%;
    display: none;
    border-radius: 50%;
}

.cs_btn img.active {
    display: block;
}

.cs_prev {
    left: -7%;
}

.cs_next {
    right: -7%;
}

.cs_btn:hover {
    border: none;
}

.cs_btn:hover img {
    display: block;
}

.cs_btn:hover img.active {
    display: none;
}

.customization_a .casem {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.customization_a .casem .cal {
    display: inline-block;
    vertical-align: middle;
    width: calc((1260 / 1600) * 100%);
    margin-right: calc((19 / 1600) * 100%);
    font-size: 0;
    background-color: #fff;
}

.customization_a .casem .cal .imgs {
    display: inline-block;
    vertical-align: middle;
    width: calc((800 / 1260) * 100%);
    overflow: hidden;
}

.customization_a .casem .cal .imgs a {
    width: 100%;
    display: block;
    overflow: hidden;
}

.customization_a .casem .cal .imgs .img {
    width: 100%;
    padding-top: 75%;
    transition: all ease 0.3s;
}

.customization_a .casem .cal .imgs a:hover .img {
    transform: scale(1.1);
}

.customization_a .casem .cal .com {
    display: inline-block;
    vertical-align: middle;
    width: calc((459 / 1260) * 100%);
    padding: 0.3rem 0.4rem;
}

.customization_a .casem .cal .com .cit {
    width: 100%;
    color: #333;
    line-height: 1.5;
    margin-bottom: 0.15rem;
}

.customization_a .casem .cal .com .cinp {
    width: 100%;
    color: #999;
    line-height: 2;
    margin: 0.15rem 0 0.5rem;
}

.customization_a .casem .cal .com .cinp p {
    color: #999;
    line-height: 2;
}

.customization_a .casem .cal .com .more {
    width: 100%;
    font-size: 0;
    margin-top: 0.6rem;
}

.customization_a .casem .cal .com .more a {
    display: inline-block;
    vertical-align: middle;
    border: solid 1px #26bdce;
    line-height: 3;
    border-radius: 1.5em;
    color: #26bdce;
    padding: 0 0.4rem;
}

.customization_a .casem .cal .com .more a span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 0.24rem;
    height: 0.24rem;
    margin-left: 0.1rem;
}

.customization_a .casem .cal .com .more a span img {
    width: 100%;
    display: block;
}

.customization_a .casem .cal .com .more a span img:first-child {
    display: block;
}

.customization_a .casem .cal .com .more a span img:last-child {
    display: none;
}

.customization_a .casem .cal .com .more a:hover {
    background-color: #26bdce;
    color: #fff;
}

.customization_a .casem .cal .com .more a:hover span img:first-child {
    display: none;
}

.customization_a .casem .cal .com .more a:hover span img:last-child {
    display: block;
}

.customization_a .casem .car {
    display: inline-block;
    vertical-align: middle;
    width: calc((320 / 1600) * 100%);
}

.customization_a .casem .car .carm {
    width: 100%;
    display: block;
    margin-bottom: 0.2rem;
}

.customization_a .casem .car .carm a {
    width: 100%;
    display: block;
}

.customization_a .casem .car .carm .imgs {
    display: block;
    width: 100%;
    overflow: hidden;
}

.customization_a .casem .car .carm .imgs a {
    width: 100%;
    display: block;
    overflow: hidden;
}

.customization_a .casem .car .carm .imgs .img {
    width: 100%;
    padding-top: 75%;
    transition: all ease 0.3s;
}

.customization_a .casem .car .carm:hover .imgs .img {
    transform: scale(1.1);
}

.customization_a .casem .car .more {
    width: 100%;
    font-size: 0;
}

.customization_a .casem .car .more a {
    width: 100%;
    display: block;
    background-color: #fff;
    text-align: center;
    font-size: 0;
}

.customization_a .casem .car .more a span {
    display: inline-block;
    vertical-align: middle;
    color: #26bdce;
    line-height: 0.8rem;
}

.customization_a .casem .car .more a i {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 0.24rem;
    height: 0.24rem;
    margin-left: 0.1rem;
}

.customization_a .casem .car .more a i img {
    width: 100%;
    display: block;
}

.customization_a .casem .car .more a i img:first-child {
    display: block;
}

.customization_a .casem .car .more a i img:last-child {
    display: none;
}

.customization_a .casem .car .more a:hover {
    background-color: #26bdce;
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
}

.customization_a .casem .car .more a:hover span {
    color: #fff;
}

.customization_a .casem .car .more a:hover i img:first-child {
    display: none;
}

.customization_a .casem .car .more a:hover i img:last-child {
    display: block;
}


.ps_list {
    display: flex;
    justify-content: space-between;
    margin-top: .45rem;
    padding-bottom: .45rem;
}

.ps_item {
    text-align: center;
    width: 16.6666667%;
}

.ps_cen {
    margin-top: .25rem;
    font-family: SourceHanSansCN-Regular;
    color: #333333;
}

.ps_down {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .42rem;
    height: .42rem;
    border: solid 1px #cccccc;
    border-radius: 50%;
    color: #333333;
    margin-top: .25rem;
}

.ps_ast.customization_a {
    padding-bottom: 0;
}

.cp_top {
    display: inline-block;
    position: relative;
    padding: .35rem 0;
    padding-right: .2rem;
}

.cp_bg {
    width: 1.30rem;
    right: 0;
    position: absolute;
    top: 0;
}

.cp_top .s42 {
    font-family: SourceHanSansCN-Bold;
    color: #222222;
}

.cp_top .s30 {
    font-family: SourceHanSansCN-Light;
    color: #666666;
    margin-top: .15rem;
}

.cp_p.customization_a {
    padding-top: .5rem;
}

.cp_wrap {
    display: flex;
    justify-content: space-between;
    padding-bottom: .7rem;
    border-bottom: 1px solid #eee;
}

.cp_right {
    width: calc((800 / 1600) * 100%);
    overflow: hidden;
}

.cp_right img {
    width: 100%;
    transition: transform .3s;
}

.cp_right img:hover {
    transform: scale(1.1);
    transition: transform .3s;
}

.cp_left {
    width: calc((680 / 1600) * 100%);
}

.cp_down p {
    font-family: SourceHanSansCN-Light;

    color: #666666;
    line-height: 1.5;
}

.cpw_w {
    padding: .7rem 0;
}

.cpa_up {
    display: flex;
    color: #26bdce;
    align-items: flex-end;
}

.cpa_up img {
    width: .41rem;
    height: auto;
    margin-right: .15rem;

}

.cpa_up .s60 {
    font-weight: bold;
    color: #26bdce;
    line-height: .8;
    vertical-align: text-bottom;

}





.cpa_list {
    display: flex;
    justify-content: space-between;

}

.cpa_item {
    width: 25%;
    text-align: center;

}

.cpa_item:nth-child(1) {
    text-align: left;
}

.cpa_item:nth-last-child(1) {
    text-align: right;
}

.cap_down {
    margin-top: .15rem;
}

.cap_down p {
    text-align: center;
}

.gn_item .swiper-slide {

    width: 9.60rem;
}

.cap_wrap {
    display: inline-block;
}

.cp_a {
    padding: .25rem 0;
    border-bottom: 1px solid #eee;
}

.cp_b {
    margin: .55rem 0;
    display: flex;
    justify-content: space-between;

}

.cpb_item {
    width: 23.5%;
    background-color: #ffffff;
    box-shadow: 0px 10px 20px 0px rgba(38, 189, 206, 0.2);
    padding: .35rem .2rem;
}

.cpi_img img {
    width: .46rem;
}

.cpi_img img.active {
    display: none;
}

.cpb_item .s30 {
    font-family: SourceHanSansCN-Regular;

    color: #333333;
    margin-top: .15rem;
    margin-bottom: .2rem;
}

.cpb_item .s16 {
    font-family: SourceHanSansCN-Light;
    line-height: 1.6;
    color: #666666;
}

.cpb_item:hover p {
    color: #ffffff;
}

.cpb_item:hover {
    background-color: #26bdce;
    box-shadow: 0px 10px 20px 0px rgba(38, 189, 206, 0.2);
}

.cpb_item:hover .cpi_img img {
    display: none;
}

.cpb_item:hover .cpi_img img.active {
    display: block;
}

.gn_item .swiper-slide.swiper-slide-next {
    transform: scale(.7) translateX(-50%);
    z-index: 2;
    transition: transform .3s;
}

.gn_item .swiper-slide.swiper-slide-prev {
    transform: scale(.7) translateX(50%);
    z-index: 2;
    transition: transform .3s;
}

.gn_item .swiper-slide img {
    width: 100%;
    transition: transform .3s;
}

.gn_item .swiper-slide.swiper-slide-active {


    z-index: 3;
}

.gn_item.swiper-container {
    width: 95%;
    margin: 0 auto;
}

.gn_item.swiper-container .swiper-slide p {
    text-align: center;
    margin-top: .25rem;
}

#certify {
    position: relative;
}

.gn_btn {
    width: .6rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.gn_btn img {
    width: 100%;
}

.gn_btn img.active {
    display: none;
}

.gn_prev {
    left: 10%;
    z-index: 4;
}

.gn_next {
    right: 10%;
    z-index: 4;
}

.gn_btn:hover img {
    display: none;
}


.gn_btn:hover img.active {
    display: block;
}

.cpa_tit {
    text-align: center;
    font-weight: 550;
    color: #222222;
    margin-bottom: .35rem;
}

.cp_c {
    padding-bottom: .7rem;
}



.pw_swiper {
    padding-left: 5%;
    padding-right: 20%;
    margin-top: .5rem;
}

.pw_swiper .swiper-slide {
    width: 4.15rem;
    height: 6.68rem;
    position: relative;

}

.pw_swiper .swiper-slide::after {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../images/lishi.png);
    width: 100%;
    height: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-size: cover;

}

.pw_swiper .swiper-slide::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../images/zhen.png);
    width: 10px;
    height: 50%;
    top: 1%;
    left: -1.5%;
    transform: translateY(-0%);
    background-size: auto 100%;
    background-repeat: no-repeat;

}

.pw_item {
    position: absolute;
    width: 6.80rem;
    /* height: 2.75rem; */
    background-color: #f8f8f8;
    top: 1%;
    left: 10%;
    display: flex;
    padding: .25rem;
    /* padding-right: .35rem; */
    box-sizing: border-box;
    align-items: center;
}


.pw_swiper .swiper-slide:nth-child(2n)::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../images/zhen1.png);
    width: 10px;
    height: 50%;
    top: auto;
    bottom: 1%;
    left: -1.5%;
    transform: translateY(-0%);
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.pw_swiper .swiper-slide:nth-child(2n) .pw_item {
    top: auto;
    bottom: 1%;
}

.print_wrap {
    padding-top: .3rem;
    margin-top: .3rem;
    padding-bottom: .5rem;
}

.pw_img {
    width: 2.60rem;
    margin-right: .25rem;
}

.pw_img img {
    width: 100%;
    height: auto;
}

.pw_act {
    width: 3.2rem;
}

.pw_act .s36 {

    color: #222222;
    margin-bottom: .15rem;
}

.pw_act .s16 {
    font-family: SourceHanSansCN-Light;

    color: #666666;
    line-height: 1.5;
}

.pw_swiper .ne_btn {
    width: .6rem;

    top: 45%;
    cursor: pointer;
}

.ne_btn {
    position: absolute;
    top: 50%;
    z-index: 3;
}

.ne_btn:hover img {
    display: none;
}

.ne_btn img.active {
    display: none;
}

.ne_btn:hover img.active {
    display: block;
}

.prev_bnt {
    left: 2%;
}

.next_bnt {
    right: 3%;
}

.pw_swiper .ne_btn {
    top: 45%;
    cursor: pointer;
    box-shadow: 0px 10px 30px 0px rgba(0, 44, 49, 0.1);
    border-radius: 50%;
}

.ra_tit {
    font-family: SourceHanSansSC-Bold;
    font-weight: 550;
    color: #222222;
    text-align: center;
}

.ro_list {
    display: flex;
    flex-wrap: wrap;
    margin: .5rem 0;
}

.ro_item {
    width: calc((360 / 1600) * 100%);
    margin-right: .53rem;
    background-color: #ffffff;
    box-shadow: 0px 0px 30px 0px rgba(0, 44, 49, 0.1);
    margin-bottom: .5rem;
    /* text-align: center; */
}

.ro_up {
    height: calc((360 / 500) * 100%);
    /* padding: .3rem 0; */
    padding-top: .3rem;
    background-color: #f7fafc;
    display: flex;
    justify-content: center;
    align-items: center;

}

.ro_up img {
    display: block;
    max-height: 80%;

    max-width: 80%;
    margin: 0 auto;
    /* width: auto; */
}

.ro_item:nth-child(4n) {
    margin-right: 0;
}

.ro_down {
    padding: .25rem;
}

.ro_down .s24 {
    font-family: SourceHanSansCN-Regular;
    text-align: center;
    color: #333333;

}

.ro_down .s16 {
    font-family: SourceHanSansCN-Light;

    color: #999999;
    margin-top: .15rem;
}

.ha_swiper .swiper-slide {
    width: 2rem;
}

.hs_a {
    width: 16rem;
    margin: 0 auto;
    border-bottom: 3px solid #26bdce;
}


.ha_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}

.ha_btn img.active {
    display: none;
}

.ha_prev {
    left: 0;
}

.ha_next {
    right: 0;
}

.ha_btn:hover img.active {
    display: block;
}

.ha_btn:hover img {
    display: none;
}

.hs_b,
.hs_from {
    width: 16rem;
    margin: 0 auto;

}

.hs_b .swiper-slide {
    width: 3.2rem;
}

.hs_b .swiper-slide .s20 {
    text-align: center;
    font-family: SourceHanSansCN-Light;
    color: #999999;
    padding: .25rem 0;
    background-color: #f5f5f5;
    line-height: 1.5;
}

.h_last {
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position: center center; */

}

.hs_from {
    padding: .3rem .5rem;
    background-size: cover;
    background-repeat: no-repeat;
}

.hs_from {
    padding-bottom: .7rem;
}

.hs_from .layui-form-label {
    padding: 9px 0;
}

.hs_from .layui-input-block {
    margin-left: .25rem;
}

.hs_from .layui-form-radioed {
    color: #26bdce;
}

.hs_from .layui-form-radioed>i {
    color: #26bdce;
}

.hs_from .layui-form-radio:hover * {
    color: #26bdce;
}

.hs_from .layui-form-item {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
}

.hs_from .layui-form-radio {
    margin-top: 0;
    margin-left: .15rem;
}

.hs_from .layui-input-block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.hs_from .li_inp {
    display: inline-block;
    width: 120px;
    height: 32px;
    background-color: #fafafa;
    border: none;
}

.hs_from .layui-form-select dl dd.layui-this {
    background-color: #26bdce;
}

.lay_city {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.lay_inp {
    background-color: #fafafa;
    border: solid 1px #eeeeee;
    padding-left: .15rem;
}

.lay_c {
    width: 32%;
}

.lay_city .layui-form-select {
    width: 32%;
}

.lay_linp {
    margin: .15rem 0;
}

.lay_linp input {
    width: 100%;
    background-color: #fafafa;
    border: solid 1px #eeeeee;
    height: .60rem;
    padding-left: .15rem;
}

.hs_from .layui-btn {
    display: block;
    border-radius: .30rem;
    background-color: #26bdce;
    padding: .1rem .7rem;
    line-height: normal;
    height: auto;
    margin: 0 auto;
}

.hs_list {
    margin-top: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.hl_item {
    margin: 0 .35rem;
}

.hl_item .s20 {
    font-family: SourceHanSansCN-Light;

    color: #666666;
}



@media (max-width: 850px) {
    .hl_item {
        margin-bottom: .3rem;
    }

    .hs_b .swiper-slide {
        width: 5.2rem;
    }

    .ro_item {
        width: 47%;
        margin-right: .35rem;
    }

    .ro_item:nth-child(2n) {
        margin-right: 0;
    }

    .pw_swiper {
        padding-right: 50%;
    }

    .pw_swiper .ne_btn {
        top: 47.5%;
    }

    .pw_swiper .swiper-slide {

        height: 7.68rem;

    }

    .cp_wrap {
        flex-wrap: wrap;
    }

    .cp_left,
    .cp_right {
        width: 100%;
    }

    .cw_left .s18 {
        display: inline-block;
        margin-bottom: .15rem;
    }

    .ps_item {
        width: 33.33333%;
        margin-bottom: .3rem;
    }

    .dynamic_banner.d_h {
        padding-bottom: 70%;
    }

    .d_h .crumbs_wrap {
        width: 90%;
    }

    .dynamic_container {
        width: 90%;
    }

    .crumbs_wrap,
    .ps_list {
        flex-wrap: wrap;
    }
}

@media (max-width: 750px) {

    .hs_b .swiper-slide,
    .lay_city .layui-form-select,
    .lay_c {
        width: 100%;


    }

    .lay_c,
    .lay_city .layui-form-select {
        margin-bottom: .15rem;
        height: .6rem;
    }

    .lay_city .layui-form-select {
        margin-bottom: .5rem;
    }

    .hs_a,
    .hs_b,
    .hs_from {
        width: 90%;
    }

    .gn_item .swiper-slide {
        width: 70%;
    }

    .cpa_item {
        width: 50%;
        text-align: left !important;
        margin-bottom: .45rem;
        padding-left: 12.5%;
    }

    .cpb_item {
        width: 48%;
        margin-bottom: .35rem;
    }

    .cs_prev {
        left: -4%;
    }

    .cs_next {
        right: -4%;
    }

    .app_left::before,
    .app_left::after {
        content: none;
    }

    .ar_item::before {
        content: none;
    }

    .ar_item {
        height: auto;
    }

    .appc_act {
        position: static;
        margin: .35rem auto;
    }

    .app_left,
    .app_right {
        width: 100%;
    }

    .customization_item {
        width: 90%;
    }

    .cl_img {
        width: 70%;
    }

    .nx_item,
    .ci_item,
    .app_item,
    .cpa_list,
    .cp_b {
        flex-wrap: wrap;
    }

    .nx_left,
    .ci_left,
    .ci_right {
        width: 100%;
    }

    .ci_right {
        margin-top: .45rem;
    }

    .nx_right {
        width: 100%;
    }

    .cw_right {
        margin-top: .15rem;
        width: 100%;
    }

    .dynamic_item {
        flex-wrap: wrap;

    }

    .di_left,
    .di_right {
        width: 100%;
    }

    .di_right {
        margin-top: .4rem;
    }

    .dynamic_banner {
        padding-bottom: 56%;
    }
}

.lay_city .layui-form-select .layui-input {
    background-color: #fafafa;
}